<template>
  <div class="vp-raw">
    <fwb-carousel
      :pictures="pictures"
      :slide-interval="1000"
      slide
    />
  </div>
</template>

<script lang="ts" setup>
import { FwbCarousel } from '../../../../src/index'

const pictures = [
  {
    alt: 'Picture 1',
    src: 'https://flowbite.com/docs/images/carousel/carousel-1.svg',
  },
  {
    alt: 'Picture 2',
    src: 'https://flowbite.com/docs/images/carousel/carousel-2.svg',
  },
  {
    alt: 'Picture 3',
    src: 'https://flowbite.com/docs/images/carousel/carousel-3.svg',
  },
]
</script>
